<template>
  <div id="app">
    <!--头部组件-->
    <m-header></m-header>
    <!-- 选项切换组件 -->
    <Tab></Tab>
    <keep-alive>
      <router-view></router-view>
    </keep-alive>
    <!-- 切换路由，不影响播放器的播放，所以就得放在app.vue中 -->
    <player></player>
  </div>
</template>

<script>
  import MHeader from 'components/m-header/m-header'
  import Tab from 'components/Tab/Tab'
  import player from "components/player/player.vue"

  export default {
    components: {
      MHeader,
      Tab,
      player
    }
  }
</script>

<style lang="stylus" rel="stylesheet/stylus">
  @import "common/stylus/variable.styl"
  *
    padding: 0px
    margin: 0px
    box-sizing: border-box

  #app
   color: #ffffff
  .on
    color: $color-theme
</style>
